 <main class="mdl-layout__content mdl-color--grey-100" >
        <!-- start mdl grid -->
        <div class="mdl-cell--11-col mdl-grid" style="margin: 20px auto; ">

			<div class="mdl-cell--8-col mdl-cell--8-col-phone mdl-cell" >
				<span><b>当前位置 > </b> 图书管理 </span>
			</div>
			<div class="mdl-cell--4-col mdl-cell--4-col-phone mdl-cell" style="text-align: right;">
				<a href="/Admin/Index/bookAdd.html" title="添加图书">
				    <button class="mdl-button mdl-js-button mdl-button--raised mdl-color--cyan-300 mdl-color-text--white" id="add-dialog">添加</button>
				</a>
				<button class="mdl-button mdl-js-button mdl-button--raised mdl-color--cyan-300 mdl-color-text--white">删除</button>
			</div>
	    </div>

        <table class="mdl-data-table mdl-js-data-table mdl-data-table--selectable mdl-cell--11-col" style="margin: 0 auto;">
			<thead>
			  <tr>
				<th class="mdl-data-table__cell--non-numeric">图书编号</th>
				<th class="mdl-data-table__cell--non-numeric">图书名称</th>
				<th class="mdl-data-table__cell--non-numeric">图书类型</th>
				<th class="mdl-data-table__cell--non-numeric">上架时间</th>
				<th class="mdl-data-table__cell--non-numeric">现价</th>
				<th class="mdl-data-table__cell--non-numeric">数量</th>
				<th class="mdl-data-table__cell--non-numeric">操作</th>
			  </tr>
			</thead>
			<tbody>

			<volist name="books" id="book">
			<tr>
				<td class="mdl-data-table__cell--non-numeric">{$book.id}</td>
				<td class="mdl-data-table__cell--non-numeric">{$book.name}</td>
				<td class="mdl-data-table__cell--non-numeric">
					{$book.book_category_name}
				</td>
				<td class="mdl-data-table__cell--non-numeric">{$book.publish_time}</td>
				<td class="mdl-data-table__cell--non-numeric">{$book.price_now }</td>
				<td class="mdl-data-table__cell--non-numeric">{$book.total_count}</td>
				<td class="mdl-data-table__cell--non-numeric">
				  <a href="{:U('/Admin/book/update', array('id'=>$book['id']))}">修改</a>
				  <a href="{:U('/Admin/book/delete', array('id'=>$book['id']))}">删除</a>
				</td>
			</tr>
			</volist>
		</table>

		<div class="mdl-cell--11-col" style="margin: 30px auto 30px auto; text-align: center;">
			<!-- <button class="mdl-button mdl-js-button mdl-button--icon"><i class="material-icons">skip_previous</i></button> -->
			<button class="mdl-button mdl-js-button mdl-button--icon">1</button>
<!-- 			<button class="mdl-button mdl-js-button mdl-button--icon">2</button>
			<button class="mdl-button mdl-js-button mdl-button--icon">3</button>
			<button class="mdl-button mdl-js-button mdl-button--icon">4</button>
			<button class="mdl-button mdl-js-button mdl-button--icon">5</button>
			<button class="mdl-button mdl-js-button mdl-button--icon">6</button>
			<button class="mdl-button mdl-js-button mdl-button--icon">7</button>
			<button class="mdl-button mdl-js-button mdl-button--icon">8</button>
			<button class="mdl-button mdl-js-button mdl-button--icon"><i class="material-icons">skip_next</i></button> -->
		</div>
</main>	